<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>音乐排行榜</title>
		<meta name="viewport" content="width=device-width">
		<style type="text/css">
			a{
				text-decoration: none;
				font-size: 15px;
				font-family:楷体 ;
				color: lightpink;
			}
			h1{
				font-family: 楷体;
				font-weight: bold;
			}
			li{
				list-style: none;
				font-size: 20px;
				font-family: 宋体;
				text-indent: 20px;
				line-height:32px;
			}
			li:nth-of-type(2){
				background: url(img/pic1.png) no-repeat 120px ;
			}
			li:nth-of-type(3){
				background: url(img/pic1.png) no-repeat 120px ;
			}
			li:nth-of-type(4){
				background: url(img/pic1.png) no-repeat 100px ;
			}
			li:nth-of-type(5){
				background: url(img/pic1.png) no-repeat 100px ;
			}

		</style>
	</head>
	<body>
		<ul>
			<h1>音乐排行榜</h1>
			<li>潇洒走一回<img src="img/pic1.png" alt="" onclick="music()"></li>
			<li>偏偏喜欢你</li>
			<li>酒王倘卖无</li>
			<li>舍不得你</li>
			<li>请跟我来</li>
		</ul>
		<a href="index1.html">作业一</a>
		<a href="index2.html">作业二</a>
		<a href="index3.html">作业三</a>
		<a href="index4.html">作业四</a>
		<a href="index5.html">作业五</a>
	</body>
	<script>
		var m = new Audio();
		function music(){
			m.src = "mp3/cool.mp3";
			m.play();
		}
	</script>
</html>
